.mask{
    position:absolute;
    width:100%;
    height:100%;
    left: 0;
    top:0;
    z-index:9999;
   .scale-enter-active,.scale-leave-active{
       transition:all .1s ease-in 0s;
   }
   .scale-enter,.scale-leave-to{
       transform:scale(.6);
   }
    .mask-bg{
        width:100%;
        height:100%;
        background-color:rgba(0, 0, 0, .2);
    }
    .mask-body{
        position: absolute;
        width:66%;
        height:120px;
        left:17%;
        top:50%;
        margin-top:-60px;
        background-color: #eee;
        // border:1px solid red;
        border-radius: 10px;
        font-size:10px;
        .message{
            height:70px;
            font-size:1.5em;
            color:#2c3e50;
            display:flex;
            align-items:center;
            justify-content:center;
            border-bottom:1px solid #2c3e50;
        }
        .btn-group{
            display:flex;
            height:50px;
            align-items: center;
            justify-content: space-around;
            button{
                flex:1;
                height:100%;
                background-color:transparent;
                font-size:1.5em;
                // border:1psx ssolid red;
            }
            .btn-left{
                border-right:1px solid #2c3e50;
                border-bottom-left-radius:10px;
            }
            .btn-right{
                border-bottom-right-radius:10px;
            }
        }
    }
}